*{
    margin: 0;
    padding: 0;
}
body {
  height: 100%;
  font-size: .346667rem;
  box-sizing: border-box;
}
a,
a:hover {
  color: #666;
  text-decoration: none;
}
ul {
  list-style: none;
}
input {
  outline: none;
  border: none;
  border: 1px solid #ccc;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.m_left10 {
  margin-left: .266667rem;
}
.m_right10 {
  margin-right: .266667rem;
}
.m_top10 {
  margin-top: .266667rem;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: block;
  height: 0;
  line-height: 0px;
  clear: both;
  visibility: hidden;
}
body {
  background-color: #ffffff;
}
#header {
  height: 1.333333rem;
  background-color: #ff841d;
  padding: .133333rem;
}
#header .logo {
  margin-left: .133333rem;
  padding: .32rem;
  width: 75%;
}
#header .logo > a {
  display: block;
}
#header .logo > a > img {
  height: .666667rem;
}
#header .app {
  padding: .186667rem;
}
#header .app img {
  height: .906667rem;
}
#search {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 100%;
  position: relative;
}
#search .searchbox {
  padding: .266667rem;
}
#search .searchbox > input {
  height: .8rem;
  width: 90%;
  padding-left: 5%;
  border-radius: .4rem;
  background-color: #f1f1f1;
  border: none;
  font-size: .426667rem;
}
#search .button > button {
  margin-left: .133333rem;
  width: 1.68rem;
  height: .8rem;
  background: #ff841d;
  border-radius: .4rem;
  position: absolute;
  right: .266667rem;
  top: .266667rem;
  border: none;
}
#search .button > button::before {
  // content: '搜索';
  height: .8rem;
  line-height: .8rem;
  font-size: .426667rem;
  border: none;
  color: #fff;
}
li{
    border: 1px solid;
    font-size: 14px;
    line-height: 38px;
    color: #333;
    border-color: #ddd;
    border-color: #f5f5f5
}

.backup {
  padding-left: .133333rem;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-image: linear-gradient(to bottom, #fff, #ccc);
  margin-bottom: .266667rem;
  
}
.backup a {
  cursor: pointer;
  display: inline-block;
  line-height: .933333rem;
  height: .933333rem;
  font-size: .373333rem;
}


.chartss {
  padding-left: .133333rem;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #f4f4f4;
  margin-bottom: .266667rem;
}
.chartss p {
  font-size: .373333rem;
  line-height: 1.013333rem;
  height: .8rem;
}


#footer{
    .more{
      height: 1.333333rem;
      background-color: #f4f4f4;
      a{
        display: block;
        font-size: .346667rem;
        line-height: .8rem;
        text-align: center;
        border-radius: .133333rem;
        border:1px solid #ddd;
        text-decoration: none;
        color:darkgray;
        background-image: linear-gradient(#ffffff, #f4f4f4);
      }
    }
    .chart{
      background: #ff841d;
      margin-top: .266667rem;
      margin-bottom: .16rem;
      .chart-1{
        color: #fff;
        display: inline-block;
        padding-left: .266667rem;
        font: bolder 18px/35px "Microsoft soft";
      }
      .chart-2{
        color: #fff;
        display: inline-block;
        padding-left: .266667rem;
        line-height: .533333rem;
        text-align: center;
        font-size: .533333rem;
        padding-right: .266667rem;
      }
  
    }
  .login{
    padding: .266667rem 0;
    .row-1{
      display: flex;
      border: .026667rem solid #c4c4c4c4;
      a{
        text-decoration: none;
        flex: 3;
        div{
          height: .88rem;
          line-height: .88rem;
          text-align: center;
          font-size: .373333rem;
          border-right: .026667rem solid #c4c4c4;
          color: #808080;
        }
      }
    }
   .row-2{  
     padding: .533333rem 0;
      p{
        text-align: center;
        a{
          text-decoration: none;
          color: #666;
          
        }
      }
   }
  }

  }